<html>

<head>
    <title>无线传感器web管理系统</title>
    <link rel="stylesheet" href="../css/reset.css" type="text/css" />

    <style>
        .header {
            background-color: #fff;
            width: 100%;
            height: 100px;
            box-shadow: 0px 0px 10px rgb(224, 224, 224);
            letter-spacing: 1px;
        }

        .header__left {
            padding-left: 30px;
            float: left;
        }

        .header__right {
            float: right;
        }

        .header__left__h1 {

            color: #1c1b1e;
            display: inline-block;
            font-size: 24px;
            line-height: 100px;
        }

        .header__left__point {
            vertical-align: inherit;
            margin-left: 10px;
            padding: 2px 8px;
            border-radius: 100px;
            font-size: 5px;
            color: #fff;
            background-color: #b13a41;
        }

        .header__right__time {
            margin-right: 20px;
            line-height: 100px;
            display: inline-block;
        }
    </style>
</head>

<body>
    <div class="header">
        <div class="header__left">
            <h1 class="header__left__h1">无线传感器web管理系统</h1>
            <span class="header__left__point">beta</span>
        </div>
        <div class="header__right">
            <p class="header__right__time">当前时间 24:31</p>
        </div>
    </div>
</body>

</html>